.nested-draggable-block {
  cursor: move;
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  min-height: 30px;
  line-height: 30px;
  // margin: 0 14px;
  &.undraggable {
    cursor: not-allowed;
    // border-bottom: 1px solid #e8e8e8;
    // .nested-draggable-name {
    //   color: #c0c4cc;
    // }
    .icon-pushpin-fill{
      display: block;
    }
  }
}

.biz-select-column-sort-row {
  height: 30px;
  font-weight: 500;
  line-height: 30px;
}

.biz-select-column-sort-row,
.nested-draggable-name {
  color: $text-color-primary;
  display: flex;
  line-height: 30px;
  justify-content: space-between;
  width: 100%;

  &-label {
    color: $text-color-secondary;
    font-size: font-size-small;
    width: 34px;
    .iconfont {
      margin-left: 4px;
    }
    &-actions{
      width: 50px;
      display: flex;
      padding-right: 12px;
    }
  }

  &-delete:hover {
    color: $color-danger;
    cursor: pointer;
  }
  &-fixed:hover{
    cursor: pointer;
    color: $color-primary;
  }
  &-text {
    flex: 1;
    width: 115px;
    @include text-ellipsis;
    &-noFix{
      margin-left:16px;
    }
  }

}

.biz-select-column-sort {
  .sortable-ghost {
    background-color: $select-draggable-color;
    // @include backgroundColorPrimaryLight5();
  }
  .flip-list-move {
    transition: transform 0.5s;
  }
}

.nested-draggable-name-label {
  i {
    font-size: $font-size-base;
    display: none;
  }
}

.nested-draggable-block {
  &:hover {
    background-color: $select-draggable-color;

    .nested-draggable-name-label {
      i {
        display: block;
      }
    }

  }
}
// .nested-draggable-child{
//   &:hover {
//     background-color: #fff;
//   }
// }

.sortable-fallback {
  background-color: $select-draggable-color;
}

.nested-draggable-root {
  height: calc(100% - 42px);
  overflow-y: auto;
  .nested-draggable {
    overflow-x: hidden;
  }
  // .nested-draggable .nested-draggable-block {
  //   &:hover {
  //     background-color: #99ccc675 !important;
  //   }
  // }
}
